@charset "utf-8";
.web {
    padding: 0;
    .paddingtop50px{
        padding-top: 50px;
    }
    .navbar {
        background: #222222;
        border: none;
        border-radius: 0;
        margin-bottom: 0;
        line-height: 50px;
        .navbar-brand {
            padding: 0;
            line-height: 50px;
            padding-right: 20px;
            img {
                display: inline-block;
                vertical-align: middle;
            }
        }
        .nav {
            li {
                a {
                    color: #9d9d9d;
                }
                a:hover {
                    color: #ffffff;
                }
            }
            li.active {
                a {
                    color: #ffffff;
                    background: #080808;
                }
            }
            .dropdown-toggle:focus {
                background: #000000;
                color: #ffffff;
            }
            .dropdown-toggle {
                background: #222222;
            }
            .dropdown-menu {
                min-width: 104px;
                border: none;
                li a {
                    color: #000000;
                }
            }
        }
    }
    .footer {
        padding: 35px 0;
        background: #3b3b3b;
        color: #9798a0;
        .footer_list {
            font-size: 14px;
            .footer_listone {
                padding-left: 0;
            }
            .beian {
                font-size: 12px;
                padding: 5px 0;
            }
        }
        .footericon {
            .footericonone1 {
                width: 38px;
                height: 38px; //              padding: 15px 28px 0;
                text-align: center;
                padding: 15px 28px 15px 0; //              padding: 15px 28px 0;
                background: url("../images/images/footer.png") no-repeat top left;
            }
            .footericonone2 {
                color: blueviolet;
                width: 38px;
                height: 38px;
                padding: 15px 28px 15px 0; //              padding: 15px 28px 0;
                background: url("../images/images/footer.png") no-repeat top -39px left;
            }
            .footericonone3 {
                width: 38px;
                height: 38px;
                padding: 15px 28px 15px 0; //              padding: 15px 28px 0;
                background: url("../images/images/footer.png") no-repeat top left;
            }
        }
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .navbar .nav > li > a {
        padding: 15px 5px;
        font-size: 12px;
    }
}
//img{
//  width:100%; (根据父元素的宽度进行伸缩)
//  max-width:100% (根据本身的宽度进行伸缩，而且最大不能超过自己本身的宽度)
//}